<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			var s=0;
			var myClock;
			function lalala(n){
				var a=document.getElementsByClassName("d30");
		
			
				a.style.marginLeft="-(n-1)*1350 px";
				
				
			}
			function lalala2(n){
				var a=document.getElementsByClassName("d6");
				var b=a[0].getElementsByTagName("div");
				for (var i=0;i<b.length;i++){
					b[i].style.display="none";
				
				}
				b[n-1].style.display="block";
		        b[n-1].style.opacity=s;
		        s+=0.05;
		        if(s>=1){
		        	window.clearTimeout(myClock);
		        }
//		        alert(s)
			
			myClock=window.setTimeout("lalala2(n)",100);
			}

		</script>
		<script src=""></script>
		<style>
			.body1{color: #333; font-family: "微软雅黑","Microsoft YaHei","黑体","SimHei","宋体","SimSun",sans-serif;text-decoration: none;}
			.de1{height: 36px;width: 100%;background-color:#f2f2f2;margin:auto;vertical-align:auto ;}
			
			.d1{height: 36px;width: 1220px;padding auto 30px;margin: auto;vertical-align:auto ;}
			 .d12{height: 36px;width:108px;float: left;}
			 .d13{height: 36px;width: 77px;float: right;}
			 .d1 a{color: #333; font-family: "微软雅黑","Microsoft YaHei","黑体","SimHei","宋体","SimSun",sans-serif;text-decoration: none;}
			 .d12 a{font-size: 110%;}
			 .d02{height: 66px;width: 100%;} 
			 .d2{width: 1220px;height: 64px; margin: auto;vertical-align:auto ;}
			 .d2 a{;height: 64px;margin: auto;float: left;text-align: center;}
			 .h1 img{width: 130px;height: 22px;filter: brightness(0);}
			 .d21{width: 444px; height:64px;float: left;}
			 .d2 ul{width: 444px; height:64px;float: left;margin:0px;padding:0px;}
			 .d21 a{vertical-align:auto ;text-align: center;color: #333; font-family: "微软雅黑","Microsoft YaHei","黑体","SimHei","宋体","SimSun",sans-serif;text-decoration: none;font-size: 94%;line-height: 64px;
			      
			      }
			     
			      @keyframes move4{
			      	from{height: 0px;}
			      	to{height: 190px;}
			      }
			 .d2 li{height: 64px;display: inline-block;margin: 0px 10px;}
			 .d2 h1{width: 130px;height: 64px;float: left;margin:0px;margin-left: 60px;}
			 .d2 a{vertical-align:auto;line-height: 64px;}
			 .d22 img{margin-top: 20px;-webkit-filter: grayscale(100%);}
			 .d22 {margin-left: 50px;width: 530px;height: 64px;float: left;}
			 
			 .d2 #aa1:hover{color: blue;border-bottom:2px solid blue;}
		
			 .d21 li:hover div{display: block;animation: move4 1s;}
			.d22 li:hover img{color:;}
			 .d211{width: 100%;height: 190px;background-color: white;display: none; position: absolute; z-index :99;left:0px;top :110px;overflow: hidden;}
			 .d2111{width:1220px;height: 130px;padding: 30px;margin:0px,34.5px;background-color:white auto;}
			 
			 #d211a{width:561px;height: 130px;float: left;border-right: solid gray 1px;}
			 #d211a li{height: 130px;vertical-align: auto;}
			 #d211a a{width: 100px;height: 100px;margin-top: 15px;}
			 #d211a img{width: 100px;height: 100px;}
			 #d211b{width: 146.28px;128px;float:left;margin-left: 100px;}
			 #d211b li{height: 18px;155.28px}
			  .ano div{width: 1350px;height: 427px;position: absolute;z-index:10 ;left: 0px;top: 110px;display: none;}
			  .ano img{width: 1350px;height: 427px;}
			  
			  .scroll-dots span{padding:0px 10px;border-radius:50%;width: 16px; height: 16px; vertical-align: middle;cursor: pointer;background-color: #999999;margin-left: 20px;}
			 .d3{width: 1350px;height: 427;overflow: hidden;}
			 .d3 img{width: 1350px;height: 427px;overflow: hidden;}
			 .d30{width:8000px;height: 427px;animation: move 20s alternate infinite;}
			 #a001:hover  .d6 div{margin-left: -1200px;}
			 @keyframes move{
		 	0%,20%{margin-left: 0px;}
		 	22%,40%{margin-left: -1350px;}
		 	42%,60%{margin-left: -2700px;}
		 	62%,80%{margin-left: -4050px;}
		 	82%,100%{margin-left: -5400px;}
		 }
		    .d4{width:1246px;height:293px;padding:15px;margin:0px,36.5px;margin: auto;}
		 	 .d4 a{margin-left: 100px;margin: auto;margin: 0px 10px;}
		 	 .d4 img{width: 389.328px;height: 258.531px;}
		 	 .d5{height: 100px;width: 1220px;padding auto 30px;margin: auto;vertical-align:auto ;}
		 	.d5 a{font-size: 130%;font-family: "微软雅黑","Microsoft YaHei","黑体","SimHei","宋体","SimSun",sans-serif;text-decoration: none;color:#757575;
		 	      margin-left: 100px;cursor: pointer; }
		 	      .d6{width: 1220px;height: 375px;margin: auto;}
		 	      .d60{width: 1220px;height: 375px;margin: auto;display: none;}
		 	      .d60 span{width: 305px;height: 375px;float: left;}
		 	      .d60 img{width: 217px;height: 217px;margin: auto;margin-left: 35px;}
		 	      .d60 h4{width: 231px;height: 50px;margin-top: 15px;margin: 0px;font-family: "微软雅黑","Microsoft YaHei","黑体","SimHei","宋体","SimSun",sans-serif;text-decoration: none;color:#757575;
		 	              margin: auto;}
		 	      .d60 p{width: 231px;height: 10px;margin: 0px;margin: auto;}
		 	     
		 	      @keyframes move2{
		 	      	0%,30%{margin-left: 0px;}
		 	      	35%,65%{ margin-left: -1220px;}
		 	      	75%,100%{margin-left: -2440px;}
		 	      }
		 	     
		         .d7{width: 1220px;height: 31px;margin-bottom: 32px;margin: auto;margin-top: 50px;}
		         .d61 {width: 1220px;height: 375px;margin: auto;display: none;}
		         #d601{display: block;}
		         .d61 span{width: 305px;height: 375px;float: left;}
		         .d61 img{width: 217px;height: 217px;margin: auto;margin-left: 35px;}
		         .d61 h4{width: 231px;height: 50px;margin-top: 15px;margin: 0px;font-family: "微软雅黑","Microsoft YaHei","黑体","SimHei","宋体","SimSun",sans-serif;text-decoration: none;color:#757575;
		 	              margin: auto;text-align:center;}
		 	      .d61 p{width: 231px;height: 10px;margin: 0px;margin: auto;}
		         .d8{margin: auto;width: 1220px;height: 184px;}
		         .d8 img{margin: auto;width: 1220px;height: 184px;}
		         .d07{width:1220px;height: 184px;overflow: hidden;margin: auto;margin-top: 50px;}
		         .d07l{width:2540px;height: 184px;margin: auto;animation: move3 10s alternate infinite;}
		         .d071 img{width:1220px;height:184px;float: left;}
		         @keyframes move3{
		         	from{margin-left: 0px;}
		         	to{margin-left: -1200px;}
		         }
		         .d9{width:1220px;height: 90px;padding:35px;margin: auto;}
		         .d9 div{width:406.66px;height: 90px;float: left;}
		         .d9 img{width:50px;height:50px;float: left;}
		         .d9 dd{float: left;margin-left: 50px;}
		         
		         .d01 {
		         	width: 100%;
		         	height: 418px;
		         }
		         
		         .d01_1 {
		         	width: 100%;
		         	height: 285px;
		         	background-color: #f2f2f2;
		         }
		         
		         .d01_1_1 {
		         	width: 100%;
		         	height: 232px;
		         }
		         
		         .d01_1_1_1 {
		         	width: 854px;
		         	height: 188px;
		         	margin-top: 22px;
		         	margin-left: 30px;
		         	display: inline-block;
		         	float: left;
		         }
		         
		         .d01_1_1_1 table {
		         	border="0";
		         	cellspacing="5px";
		         	cellpadding="2px";
		         	width: 854px;
		         	height: 188px;
		         	font-family: '微软雅黑';
		         	font-size: 10pt;
		         	"
                          display: inline-block;
		         }
		         
		         .d01_1_1_1 table a {
		         	text-decoration: none;
		         	color: #000000;
		         }
		         
		         .d01_1_1_1 table a:hover {
		         	color: blue;
		         }
		         
		         .d01_1_1_2 {
		         	width: 430px;
		         	height: 188px;
		         	display: inline-block;
		         	float: left;
		         	margin-top: 22px;
		         }
		         
		         .d01 .d01_2 {
		         	width: 100%;
		         	height: 130px;
		         	background-color: #525252;
		         	display: inline-block;
		         	float: left;
		         	margin-bottom: 10px;
		         	margin: 0;
		         	border: 0;
		         }

		</style>
	</head>
	<body class="body1">
		<div class="de1">
		<div class="d1">
			<div class="d12">
				<a href="复制 网上商城text.html">三星网上商城</a>
			</div>
			<div class="d13">
				<a href="../index.html" target="_blank">三星官网<i class="icon icon-windows"></i></a>
			</div>
			
		</div>
		</div>
		<div class="d02">
		<div class="d2">
			<div class="d21">
				<ul>
					<li id="l11"style="margin-left: 0px;">  <a href="#" id="aa1" >智能手机</a> 
						<div class="d211">
						    <div class="d2111">
							 <ul id="d211a">
							
									<li><a href="#"> <img src="../img/z1.jpg"></a></li>
									<li><a href="#"> <img src="../img/z2.jpg"></a></li>
									<li><a href="#"> <img src="../img/z3.jpg"></a></li>
									<li><a href="#"> <img src="../img/z4.jpg"></a></li>
							 </ul>
							<ul id="d211b">
								<li><a href="#">盖世列s系列</a></li>
								<li><a href="#">盖世列note系列</a></li>
								<li><a href="#">盖世列a系列</a></li>
								<li><a href="#">盖世列c系列</a></li>
							</ul>
							
							
							
						</div>
						
						
						
						
					</div>   </li>
					<li id="l11">  <a href="#"id="aa1">可穿戴设备</a>    <div class="d211">
						    <div class="d2111">
							 <ul id="d211a">
							
									<li><a href="#"> <img src="../img/m1.jpg"></a></li>
									<li><a href="#"> <img src="../img/m2.jpg"></a></li>
									<li><a href="#"> <img src="../img/m3.jpg"></a></li>
									<li><a href="#"> <img src="../img/m4.jpg"></a></li>
							 </ul>
							
							
							
						</div>
						  </li>
					<li id="l11">  <a href="#"id="aa1">个人电脑</a>  <div class="d211"><div class="d2111">
							 <ul id="d211a">
							
									<li><a href="#"> <img src="../img/m5.jpg"></a></li>
									<li><a href="#"> <img src="../img/m6.jpg"></a></li>
									<li><a href="#"> <img src="../img/m7.jpg"></a></li>
									<li><a href="#"> <img src="../img/m8.jpg"></a></li>
							 </ul>
							
							
							
						</div></div>   </li>
					<li id="l11">  <a href="#"id="aa1">空气净化器</a>   <div class="d211">
						 <div class="d2111">
							 <ul id="d211a">
							
									<li><a href="#"> <img src="../img/t1.jpg"></a></li>
									<li><a href="#"> <img src="../img/t2.jpg"></a></li>
									<li><a href="#"> <img src="../img/t3.jpg"></a></li>
									<li><a href="#"> <img src="../img/t4.jpg"></a></li>
							 </ul>
							<ul id="d211b">
								<li><a href="#">JUPITER 系列</a></li>
								<li><a href="#">AX5000 系列</a></li>
								<li><a href="#">AX7000 系列</a></li>
								<li><a href="#">净化器滤网</a></li>
							</ul>
							
							
							
						</div>
						
					</div>  
					<li id="l11">  <a href="#"id="aa1">配件</a>      <div class="d211">
						 <div class="d2111">
							 <ul id="d211a">
							
									<li><a href="#"> <img src="../img/z1.jpg"></a></li>
									<li><a href="#"> <img src="../img/z2.jpg"></a></li>
									<li><a href="#"> <img src="../img/z3.jpg"></a></li>
									<li><a href="#"> <img src="../img/z4.jpg"></a></li>
							 </ul>
							<ul id="d211b">
								<li><a href="#">盖世列s系列</a></li>
								<li><a href="#">盖世列note系列</a></li>
								<li><a href="#">盖世列a系列</a></li>
								<li><a href="#">盖世列c系列</a></li>
							</ul>
							
							
							
						</div>
						
					</div>   </li>
				</ul>
			</div>
			<h1 class="h1">
		        <a href="/">
		        	<img class="logo" src="../img/logo.png" >
		        </a>
		    </h1>
		    <div class="d22"> 
		    	<li class="li" ><a href="#" class="xixi" > <img src="../img/c0.png" />   </a>   </li>
		    	<li><a href="#" class="xixi" > <img src="../img/c1.png" />  </a>     </li>
		    	<li><a href="三星登录.html" class="xixi" > <img src="../img/c2.png" />   </a>    </li>
		    	<li><a href="#"class="xixi"  > <img src="../img/c3.png" />   </a>    </li>
		    	<li><a href="三星购物车.html" class="xixi"  > <img src="../img/c4.png" />     </a>  </li>
		
		    </div>
			
		</div>
		</div>
		<div class="scroll-dots" style="height: 20px;width: 400px;  position:absolute;z-index:999;  top: 500px;left:600px;bottom: 12px;margin-left: -60px;">
			
			<span onclick="lalala(1)"></span>
			<span onclick="lalala(2)"></span>
			<span onclick="lalala(3)"></span>
			<span onclick="lalala(4)"></span>
			<span onclick="lalala(5)"></span>	
		</div>
		
	
		<div class="d3">
			<div class="d30">
			<a href="#"><img src="../img/a01.jpg"></a>
			<a href="#"><img src="../img/a02.jpg"></a>
			<a href="#"><img src="../img/a03.jpg"></a>
			<a href="#"><img src="../img/a04.jpg"></a>
			<a href="#"><img src="../img/a05.jpg"></a>
			</div>
		</div>
		<div class="d4">
			<a href="#"><img src="../img/a06.jpg"></a>
			<a href="#"><img src="../img/a07.jpg"></a>
			<a href="#"><img src="../img/a08.jpg"></a>
			
		</div>
		<div class="d5">
			<font style="font-weight:  bold;font-size: 150%;">配件 </font>
	        <a id="a001"  onclick="lalala2(1)">保护类</a>
			<a id="a002" onclick="lalala2(2)">耳机/音响</a>
			<a id="a003" onclick="lalala2(3)">电池/充电器</a>
			
			
		</div>
		<div class="d6">
		
			
			
		<div  class="d60" id="d601">
			  	<span>
				<a href="#"> <img src="../img/pp1.jpg" /></a>
				<h4>盖乐世 S9 Alcantara®保护壳</h4>
				<center><p>¥398.00</p></center>
			  </span>
			   <span>
				<a href="#"> <img src="../img/pp3.jpg" /></a>
				<h4>盖乐世 S9+ LED智能保护套</h4>
				<center><p>¥508.00</p></center>
			  </span>
			  <span>
				<a href="#"> <img src="../img/pp4.jpg" /></a>
				<h4>盖乐世 S9+ 硅胶保护壳</h4>
				<center><p>¥178.00</p></center>
			  </span>
			  <span>
				<a href="#"> <img src="../img/pp5.jpg" /></a>
				<h4>JBL T450BT 折叠头戴式蓝牙耳机</h4>
				<center><p>¥449.00</p></center>
			  </span>
			
		</div>
		<div class="d60" id="d602">
			<span>
				<a href="#"> <img src="../img/pp6.jpg" /></a>
				<h4>JBL Pulse3 炫彩蓝牙音响</h4>
				<center><p>¥1888.00</p></center>
			</span>
			<span>
				<a href="#"> <img src="../img/pp7.jpg" /></a>
				<h4>EG920 入耳式耳机</h4>
				<center><p>¥188.00</p></center>
			</span>
			<span>
				<a href="#"> <img src="../img/pp8.jpg" /></a>
				<h4>Level Box Slim 无线扬声器</h4>
				<center><p>¥768.00</p></center>
			</span>
			<span>
				<a href="#"> <img src="../img/pp9.jpg" /></a>
				<h4>立式加速无线充电器2018</h4>
				<center><p>¥408.00</p></center>
			</span>
		</div>
		<div class="d60" id="d603">
			<span>
				<a href="#"> <img src="../img/pp10.jpg" /></a>
				<h4>折叠式无线充电器</h4>
				<center><p>¥528.00</p></center>
			</span>
			<span>
				<a href="#"> <img src="../img/pp11.jpg" /></a>
				<h4>立式快充无线充电器</h4>
				<center><p>¥308.00</p></center>
			</span>
			<span>
				<a href="#"> <img src="../img/pp12.jpg" /></a>
				<h4>快充无线充电器</h4>
				<center><p>¥208.00</p></center>
			</span>
	
		</div>
			
		</div>
		
		
		<div class="d07">
			<div class="d07l">
				<a href="#">
					<img src="../img/kk1.jpg" />
				</a>
				<a href="#">
					<img src="../img/kk2.jpg" />
				</a>
				
				
			</div>
			
		</div>
	
		<div class="d7">
			<h2>本周热销</h2>
			
		</div>
		<div class="d61">
			<div >
				<a href="#"> <img src="../img/k1.jpg" /></a>
				<h4>盖乐世 A9 Star</h4>
				<center><p>¥2998.00</p></center>
			</div>
			<div>
				<a href="#"> <img src="../img/k2.jpg" /></a>
				<h4>盖乐世 S9+</h4>
				<center><p>¥6699.00</p></center>
			</div>
			<div>
				<a href="#"> <img src="../img/k3.jpg" /></a>
				<h4>盖乐世 S8</h4>
				<center><p>¥4999.00</p></center>
			</div>
			<div>
				<a href="#"> <img src="../img/k4.jpg" /></a>
				<h4>盖乐世 Note8</h4>
				<center><p>¥6988.00</p></center>
			</div>
		</div>
		
		<div class="d8">
			<a href="#">
				<img src="../img/1212.jpg" />
			</a>
		</div>
		<div class="d9">
			
			<div >
				<img src="../img/o1.png">
				<dd >
					<p>致电服务中心</p>
					<p>400-071-8899</p>
					<p>周一至周日<span>9:00 - 22:00</span></p>
				</dd>
			</div>
			<div>
				<img src="../img/o2.png">
				<dd >
					<p>专业客服人员团队</p>
					<p>提供当季优惠信息</p>
					<p>为您推荐产品<span>9:00 - 22:00</span></p>
				</dd>
			</div>
			<div >
				<img src="../img/o3.png">
				<dd >
					<p>所售三星品牌产品</p>
					<p>均为官方正品</p>
					<p>请安心购买<span>9:00 - 22:00</span></p>
				</dd>
			</div>
		</div>
		<div class="d10">
			<img src="../img/as4.png" />
		</div>
		<div class="d01">
			<div class="d01_1">
				<div class="d01_1_1">
					<div class="d01_1_1_1">
						<table >
							<tr style="font-weight: 30;">
								<td><a href="#">我的三星</a> </td>
								<td><a href="#">网上商城指南</a></td>
								<td><a href="#">服务支持</a></td>
							</tr>
							<tr>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
							</tr>
							<tr>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
							</tr>
							<tr>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
							</tr>
							<tr>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
							</tr>
							<tr>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
							</tr>
							<tr>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
								<td><a href="#">我的三星</a></td>
							</tr>
						</table>
					</div>
					<div class="d01_1_1_2">
						<div style="width: 430px;height: 30px;text-align: center;line-height: 30px;">
							官方分享
						</div>
						<div style="width: 168px;height: 108px;margin: auto;">
							<a href="#"><img src="../img/11.png" style="width: 54px;height: 54px;margin: none;float: left;"/></a>
							<a href="#"><img src="../img/12.png" style="width: 54px;height: 54px;margin: none;float: left;"/></a>
							<a href="#"><img src="../img/13.png" /></a>
							<a href="#"><img src="../img/14.png" /></a>
						</div>
					</div>
				</div>
			
			</div>
			<dir class="d01_2">
				<div style="width: 1280px;height: 77px;float: left;margin-top: 28px;">
					<div style="width: 780px;height: 77px;float: left;line-height: 38px;">
<pre style="color: whitesmoke;"><a href="#"style="font-size: 15pt;text-decoration: none;color: whitesmoke;">服务条款</a>  <a href="#"style="font-size: 15pt;text-decoration: none;color: whitesmoke;">服务政策</a> <a href="#"style="font-size: 15pt;color: whitesmoke;text-decoration: none;">隐私协议</a> 
此网页最好使用IE9及以上浏览器、谷歌浏览器、苹果浏览器和其他新式浏览器进行浏览。</pre>
					</div>
					<div style="width: 500px;height: 77px;float: left">
<pre style="color: whitesmoke;">
三星（中国）投资有限公司授权上海宝尊电子商务有限公司运营三星网上商城并销售产品

<a href="#" style="text-decoration: none;color: whitesmoke;">沪ICP备11014294号</a>     <a href="#"style="text-decoration: none;color: whitesmoke;">沪公网安备 31010802001780号 </a> 
</pre>						
					</div>
				</div>	
			</dir>
		</div>
      <div id="back-to-top" style="cursor:pointer; display:block;position: fixed ;right:  50px;bottom:50px;"><a href="#top" ><img src="../backtop.png" ></a></div>
      
	</body>
</html>
